.repair {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgb(237, 238, 239);
  .repair_content {
    flex: 1;
    height: 0;
    .van-tab {
      color: rgb(153, 153, 153);
    }
    .tab_active {
      font-weight: 700;
      color: #0869ec;
    }
    .van-tabs__line {
      background-image: linear-gradient(-45deg, rgba(1, 102, 225, 0.87) 0%, rgba(1, 156, 248, 0.87) 100%),
        linear-gradient(#20a7f7, #20a7f7);
      background-blend-mode: normal, normal;
      border-radius: 2px;
    }
    .tab_content_one {
      margin-top: 20rpx;
      background: rgb(237, 238, 239);
      overflow: hidden;
      .scroll-view-item {
        padding: 40rpx 40rpx 0;
        margin-bottom: 20rpx;
        background: #fff;
        .items {
          position: relative;
          top: 0;
          left: 0;
          padding-bottom: 25rpx;
          border-bottom: 1px solid rgb(153, 153, 153);
          .items_content {
            font-size: 26rpx;
            margin-bottom: 15rpx;
            .items_content_img {
              width: 26rpx;
              height: 26rpx;
              margin-right: 15rpx;
              vertical-align: middle;
            }
            .title {
              color: rgb(153, 153, 153);
            }
          }
          .ellipsis {
            width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .items-img {
            position: absolute;
            top: 10%;
            right: 0;
            width: 116rpx;
            height: 117rpx;
          }
        }
        .details {
          font-family: SourceHanSansCN-Medium;
          font-size: 28rpx;
          font-weight: normal;
          font-stretch: normal;
          padding: 20rpx 0;
          color: #0869ec;
        }
      }
    }
    .tab_content_two {
      padding: 20rpx;
      background: rgb(237, 238, 239);
      .top {
        width: 100%;
        height: 240rpx;
        background: url("")
          no-repeat center;
        border-radius: 24rpx;
        padding: 30rpx;
        margin-bottom: 20rpx;
        .top_address {
          display: flex;
          align-items: center;
          margin-bottom: 34rpx;
          .top_address_l {
            width: 75%;
          }
          .top_address_r {
            padding: 14rpx 26rpx;
            background-color: #ffffff;
            border-radius: 26rpx;
            opacity: 0.77;
            font-family: SourceHanSansCN-Regular;
            font-size: 24rpx;
            font-weight: normal;
            font-stretch: normal;
            color: #0166e1;
          }
        }
        .title {
          font-family: SourceHanSansCN-Normal;
          font-size: 20rpx;
          font-weight: normal;
          font-stretch: normal;
          color: #cccccc;
        }
        .cont {
          font-family: SourceHanSansCN-Medium;
          font-size: 28rpx;
          font-weight: normal;
          font-stretch: normal;
          color: #ffffff;
        }
      }
      .middle {
        border-radius: 24rpx;
        background: #ffffff;
        padding: 30rpx;
        .m_title {
          margin: 20rpx 0;
          font-family: SourceHanSansCN-Regular;
          font-size: 24rpx;
          font-weight: normal;
          font-stretch: normal;
          color: #0869ec;
        }
        .block {
          display: block;
          height: auto;
        }
        textarea {
          height: 100rpx;
          margin-top: 30rpx;
        }
        .phClass {
          color: #c5c5c5 !important;
          font-size: 24rpx;
        }
        .upload_label {
          margin-bottom: 20rpx;
        }
        .upload {
          .van-uploader__upload {
            width: 104rpx !important;
            height: 104rpx !important;
            background: #e8ecf1;
          }
        }
      }
      .btn {
        cursor: pointer;
        text-align: center;
        background-image: linear-gradient(-45deg, rgba(1, 102, 225, 0.87) 0%, rgba(1, 156, 248, 0.87) 100%),
          linear-gradient(#3079e5, #3079e5);
        background-blend-mode: normal, normal;
        box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(67, 143, 255, 0.8);
        border-radius: 43rpx;
        font-family: SourceHanSansCN-Regular;
        font-size: 30rpx;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 2rpx;
        color: #ffffff;
        padding: 30rpx 0;
        margin-top: 30rpx;
        margin-bottom: 30rpx;
      }
    }
  }
  .empty {
    text-align: center;
    .img {
      width: 308rpx;
      height: 308rpx;
      margin-top: 13vh;
      text-align: center;
    }
    .big-title {
      font-size: 28rpx;
      font-stretch: normal;
      font-weight: 500;
      color: #333333;
      letter-spacing: 2rpx;
      margin-top: 5vh;
      margin-bottom: 1.7vh;
      text-align: center;
    }
  }
  .van-uploader__preview {
    margin: 0 15px 8px 0;
  }
  .van-uploader__preview-delete {
    z-index: 9999;
  }
}
